<template>
	<div class="warp flex">
		<view class="baseinfo" :style="{'width': width}">
			<view class="item" v-for="(item,index) in title" :key="index">
				{{item.name}}
			</view>
		</view>
		<view class="warp_box" v-for="(item,index) in schoollist" :key="index">
			<view class="item" :style="{'width': width}">
				{{item.name}}
			</view>
			<view class="item" :style="{'width': width}">
				<!-- 一本院校 -->
			</view>
			<view class="item" :style="{'width': width}">
				{{item.type}}
			</view>
			<view class="item" :style="{'width': width}">
				{{item.retest_score}}
			</view>
			<view class="item" :style="{'width': width}">
				{{item.new_students}}
			</view>
			<view class="item" :style="{'width': width}">
				{{item.tuition}}
			</view>
			<view class="item" :style="{'width': width}">
				{{item.school_system}}
			</view>
			<view class="item" :style="{'width': width}">
				{{item.assess}}
			</view>
			<view class="item" :style="{'width': width}">
				<!-- {{item.name}} -->
			</view>
			<view class="item iconfont b-color" :style="{'width': width}">
				&#xe60e;
			</view>
			<view class="item iconfont b-color " :style="{'width': width}">
				<!-- {{item.name}} -->
			</view>
			<view class="item iconfont b-color" :style="{'width': width}">
				<!-- {{item.name}} -->
			</view>
			<view class="item iconfont b-color" :style="{'width': width}">
					&#xe60e;
			</view>
			<view class="item iconfont b-color" :style="{'width': width}">
				<text v-if="item.good">	&#xe60e; </text>
			</view>
			<view class="item iconfont b-color" :style="{'width': width}">
				<text v-if="item.good1">	&#xe60e; </text>
			</view>
			<view class="item iconfont b-color" :style="{'width': width}">
				<text v-if="item.good2">	&#xe60e; </text>
			</view>
			<view class="item iconfont b-color" :style="{'width': width}">
				<text v-if="item.good2">	&#xe60e; </text>
			</view>
			<view class="item iconfont b-color" :style="{'width': width}">
				&#xe60e; 
			</view>
	
		</view>
	</div>
</template>

<script>
	export default {

		data() {
			return {
				title: [
					{
						name:""
					},
					{
						name: "基本信息"
					},
					{
						name: "学校属性"
					},
					{
						name: "复试分数线"
					},
					{
						name: "招生人数"
					},
					{
						name: "学费"
					},
					{
						name: "学制"
					},
					{
						name: "学科评估"
					},
					{
						name: "考试科目"
					},
					{
						name: "普通心理学"
					},
					{
						name: "社会心理学"
					},
					{
						name: "发展心理学"
					},
					{
						name: "教育心理学"
					},
					{
						name: "实验心理学"
					},
					{
						name: "心理测量心理学"
					},
					{
						name: "心理统计学"
					},
					{
						name: "人格心理学"
					},
					{
						name: "咨询心理学"
					},
				],
				width: null,
				schoollist: [{
						"id": 3,
						"name": "郑州大学",
						"propertydata": "985",
						"tuition": "30000一年",
						"school_system": "四年",
						"retest_score": "570",
						"retest_score1": "560",
						"retest_score2": "550",
						"min_fraction": "550",
						"new_students": 300,
						"new_students1": 200,
						"new_students2": 400,
						"type":"一本院校",
						"assess": "A+",
						"good":true,
						"good1":false,
						"good2":true,
						"subjectdata": "教育学 (基础/原理),中国教育史,外国教育史",
						"subject1data": "教育学 (基础/原理),中国教育史,外国教育史",
						"subject2data": "教育心理学,普通心理学,其他心理学科目,心理健康教育 相关科目"
					},
					{
						"id": 4,
						"name": "南京大学",
						"propertydata": "211",
						"tuition": "30000一年",
						"type":"一本院校",
						"school_system": "四年",
						"retest_score": "550",
						"retest_score1": "580",
						"retest_score2": "570",
						"min_fraction": "550",
						"new_students": 300,
						"new_students1": 200,
						"new_students2": 500,
						"assess": "A+",
						"good":false,
						"good1":true,
						"good2":true,
						"subjectdata": "教育学 (基础/原理),中国教育史,外国教育史",
						"subject1data": "教育学 (基础/原理),中国教育史,外国教育史",
						"subject2data": "教育心理学,普通心理学,其他心理学科目"
					}
				],

			}
		},
		mounted() {
			this.width = parseFloat(100 / this.schoollist.length + 1) + '%'
		},
		methods: {

		}
	}
</script>

<style scoped lang="less">
	.warp{
		background-color: #FFFFFF;
	}
	.warp_box {
		margin-left: 50rpx;
		// background-color: ##fff;
		height: 100%;
		width: 80%;

		.item {
			height: 80rpx;
			text-align: right;
			background-color: #FFFFFF;
			line-height: 80rpx;
		}
	}
.b-color{
	color: #007AFF;
}
	.baseinfo {
		// background-color: #007AFF;
		height: 100%;
		// width: 80%;
		.item {
			height: 80rpx;
			text-align: right;
			background-color: #FFFFFF;
			line-height: 80rpx;
		}
	}
</style>
